<!DOCTYPE HTML>
<html lang="en">
<head>
<title><?= $page_html_title ?></title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="/css/style.css">
<!--[if lte IE 8]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
<script type="text/javascript" src="/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="/js/cufon-yui.js"></script>
<script type="text/javascript" src="/js/Delicious_500.font.js"></script>
<script type="text/javascript">
$(function() {
	Cufon.replace('#site-title');
	$('.msg').click(function() {
		$(this).fadeTo('slow', 0);
		$(this).slideUp(341);
	});
});
</script>

</head>
<body>

<header id="top">
	<div class="container_12 clearfix">
		<div id="logo" class="grid_12">
			<!-- replace with your website title or logo -->
			<a id="site-title" href=""><span>Silver</span>Shore</a>
			<a id="view-site" href="/">View Site</a>
		</div>
	</div>
</header>

<?
$username 		= array(
              		'name'        => 'username',
              		'id'          => 'username',
              		'value'       => ''
            	);
$adminpassword	= array(
              		'name'        => 'adminpassword',
              		'id'          => 'adminpassword',
              		'value'       => ''
            	);

?>

<div id="login" class="box">
	<h2>Admin Login</h2>
	<section>
		<?= validation_errors('<div class="error msg">','</div>') ?>
		<?= form_open('admin/login/validate') ?>
			<dl>
				<dt><label for="username">Username</label></dt>
				<dd><?= form_input($username) ?></dd>
			
				<dt><label for="adminpassword">Password</label></dt>
				<dd><?= form_password($adminpassword) ?></dd>
			</dl>
			<label><input type="checkbox" />Remember Me</label>
			<p>
				<button type="submit" class="button gray" id="loginbtn">LOGIN</button>
				<a id="forgot" href="#">Forgot Password?</a>
			</p>
		<?= form_close() ?>
	</section>
</div>

</body>
</html>